.el-tooltip__popper[x-placement^='top'] .popper__arrow,
.el-tooltip__popper[x-placement^='top'] .popper__arrow::after {
  border-top-color: var(--color-font-first);
}

.el-tooltip__popper[x-placement^='bottom'] .popper__arrow,
.el-tooltip__popper[x-placement^='bottom'] .popper__arrow::after {
  border-bottom-color: var(--color-font-first);
}

.el-tooltip__popper[x-placement^='right'] .popper__arrow,
.el-tooltip__popper[x-placement^='right'] .popper__arrow::after {
  border-right-color: var(--color-font-first);
}

.el-tooltip__popper[x-placement^='left'] .popper__arrow,
.el-tooltip__popper[x-placement^='left'] .popper__arrow::after {
  border-left-color: var(--color-font-first);
}

.el-tooltip__popper.is-dark {
  background: var(--color-font-first);
}

.el-tooltip__popper.is-light {
  border: 1px solid var(--color-font-first);
}

.el-tooltip__popper.is-light[x-placement^='top'] .popper__arrow {
  border-top-color: var(--color-font-first);
}

.el-tooltip__popper.is-light[x-placement^='bottom'] .popper__arrow {
  border-bottom-color: var(--color-font-first);
}

.el-tooltip__popper.is-light[x-placement^='left'] .popper__arrow {
  border-left-color: var(--color-font-first);
}

.el-tooltip__popper.is-light[x-placement^='right'] .popper__arrow {
  border-right-color: var(--color-font-first);
}
